const path = require('path');
function resolve(dir) {
    return path.join(__dirname, dir)
}
module.exports = {
    chainWebpack: (config) => {
        config.resolve.alias
            .set('@assets', resolve('src/assets'))
            .set('@style', resolve('src/assets/style'))
            .set('@components', resolve('src/components'))
            .set('@static', resolve('src/static'))
        config.module
            .rule('css')
            .test(/\.css$/)
            .oneOf('vue')
            .resourceQuery(/\?vue/)
            .use('px2rem')
            .loader('px2rem-loader')
            .options({
                remUnit: 75
            })
    },
    // 所有 webpack-dev-server 的选项都支持
    devServer: {
        open: true,//设置自动打开
        // 设置主机地址
        host: 'localhost',
        // 设置默认端口
        port: 8080,
        // 设置代理
        proxy: {
            '/api': {
                // 目标 API 地址
                target: 'http://localhost:8080',
                // pathRewrite:{
                // "^/api":"/public"
                // },
                // 如果要代理 websockets
                ws: false,
                // 将主机标头的原点更改为目标URL
                changeOrigin: true
            }
        }
    }

}